/*默认字体颜色*/
.f-color{
    color:#636263;
}
/*选中字体颜色*/
.f-active-color{
    color:#49BDFB;
}
/*背景颜色*/
.bg-color{
    background-color: #42B7FB;
}
/* 内边距 */
.pd20{padding: 20rpx;}
.pd30{padding: 30rpx;}
.pd50{padding: 50rpx;}
.pd60{padding: 60rpx;}

.pdt20{padding-top: 20rpx;}
.pdt30{padding-top: 30rpx;}

.pdb20{padding-bottom: 20rpx;}
.pdb30{padding-bottom: 30rpx;}
.pdb50{padding-bottom: 50rpx;}

.pdl20{padding-left: 20rpx;}
.pdl30{padding-left: 30rpx;}

.pdr20{padding-right: 20rpx;}
.pdr30{padding-right: 30rpx;}


/* 外边距 */
.mg30{margin: 30rpx;}
.mg40{margin: 40rpx;}

.mgt5{margin-top: 5rpx;}
.mgt10{margin-top: 10rpx;}
.mgt15{margin-top: 15rpx;}
.mgt20{margin-top: 20rpx;}
.mgt30{margin-top: 30rpx;}
.mgt40{margin-top: 40rpx;}

.mgb10{margin-bottom: 10rpx;}
.mgb15{margin-bottom: 15rpx;}
.mgb20{margin-bottom: 20rpx;}
.mgb25{margin-bottom: 25rpx;}
.mgb30{margin-bottom: 30rpx;}
.mgb40{margin-bottom: 40rpx;}

.mgl10{margin-left: 10rpx;}
.mgl20{margin-left: 20rpx;}
.mgl30{margin-left: 30rpx;}
.mgl50{margin-left: 50rpx;}

.mgr10{margin-right: 10rpx;}
.mgr20{margin-right: 20rpx;}
.mgr30{margin-right: 30rpx;}
.mgr60{margin-right: 60rpx;}
.mgr80{margin-right: 80rpx;}



/* 字体大小 */
.fs24{font-size: 24rpx;}
.fs28{font-size: 28rpx;}
.fs30{font-size: 30rpx;}
.fs34{font-size: 32rpx;}
.fs36{font-size: 36rpx;}
.fs40{font-size: 40rpx;}
.fs50{font-size: 50rpx;}
.fs60{font-size: 60rpx;}
.fs70{font-size: 70rpx;}
.fs80{font-size: 80rpx;}

/* 圆角边框 */
.br6{border-radius: 6rpx;}
.br8{border-radius: 8rpx;}
.br10{border-radius: 10rpx;}
.br12{border-radius: 12rpx;}
.br20{border-radius: 20rpx;}

/* 字体居中 */
.ac{text-align: center;}
.ar{text-align: right;}

/* 字体大小 */
.fw700{font-weight: 700;}

/* 字间距 */
.ls2{letter-spacing: 2rpx;}
.ls4{letter-spacing: 4rpx;}

/* flex布局 */
.u-flex {
  display: flex; 
  flex-direction: row;
  align-items: center;
}
/* 换行 */
.u-flex-wrap {flex-wrap: wrap;}
/* 不换行 */
.u-flex-nowrap {flex-wrap: nowrap;}

/* 垂直居中 */
.u-col-center {align-items: center;}
/* 顶部对齐 */
.u-col-top {align-items: flex-start;}
/* 底部对齐 */
.u-col-bottom {align-items: flex-end;}

/* 左边对齐 */
.u-row-left {justify-content: flex-start;}
/* 水平居中 */
.u-row-center {justify-content: center;}
/* 右边对齐 */
.u-row-right {justify-content: flex-end;}
/* 水平两端对齐 */
.u-row-between {justify-content: space-between;}
/* 水平每个项目两侧的间隔相等 */
.u-row-around {justify-content: space-around;}

/* 空间分布 */
.flex-1{flex: 1;}
.flex-2{flex: 2;}
.flex-3{flex: 3;}
.flex-4{flex: 4;}

/* 首行缩进 */
.text-2{text-indent: 2em;}

/* 颜色 */
.colorf2f2f2{color: #f2f2f2;}
.color8080ff{color: #8080ff;}
.colorff6262{color: #ff6262;}
.color1877f2{color: #1877f2}
.colorf59a63{color: #f59a63;}
.color66d0b0{color: #66d0b0;}
.colorb2aabd{color: #b2aabd;}
.color169bd5{color: #169bd5;}
.coloraaa{color: #aaa;}
.color7f7f7f{color: #7f7f7f;}
.color7d7d7d{color: #7d7d7d;}